const MyButton = button`
 background:green;
 border-radius:3px;
 border:none;
 color:red;
 padding:3px 6px;
`
function button(strings) {
	//获取模板字符串的内容
    let styles = strings[0];
	//创建一个style标签
    let style = document.createElement('style');
	//创建一个新的类名，类名的内容就是字符串中的样式
    style.innerHTML = `.jBukyH{${styles}}`;
	//把这个style添加head中
    document.head.appendChild(style);
	//返回一个React函数组件
    return function (props) {
		//函数组件的返回值是一个button，button的类名是新的类名
        return (
            <button className="jBukyH">
                {props.children}
            </button>
        )
    }
}
export default MyButton;